<template>
	<view class="user_page">
		<view class="content-view">
			<UserHeadViewCellVue></UserHeadViewCellVue>
			<view>
				<GradientBordersTextView :bordeWidth="2" :font-size="16"></GradientBordersTextView>
			</view>
			
		</view>
		<view class="botton-safe-region"></view>
	</view>
</template>

<script setup lang="ts">
import UserHeadViewCellVue from './UserHeadViewCell.vue'
import GradientBordersTextView from "@/components/GradientBordersTextView.vue";

</script>

<style lang="scss">
	.user_page {
		display: flex;
		flex-direction: column;
		background-color: red;
		height: 100%;
		width: 100%;
		.content-view{
			flex: 1;
			width: 100%;
			display: flex;
			flex-direction: column;
			background-color: aqua;
		}
		.botton-safe-region{
			height: env(safe-area-inset-bottom);
			width: 100%;
			background-color: green;
		}
	}
</style>
